<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>

    <!--SEO优化-->
    <meta name="keywords" content="<?php echo ($page_keywords); ?>">
    <meta name="description" content="<?php echo ($page_description); ?>">

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title><?php echo ($page_title); ?></title>    <!--控制器控制这个变量-->
    <link rel="stylesheet" href="/tp1/Public/Home/style/base.css" type="text/css">
    <link rel="stylesheet" href="/tp1/Public/Home/style/global.css" type="text/css">
    <link rel="stylesheet" href="/tp1/Public/Home/style/header.css" type="text/css">
    <link rel="stylesheet" href="/tp1/Public/Home/style/index.css" type="text/css">
    <link rel="stylesheet" href="/tp1/Public/Home/style/bottomnav.css" type="text/css">
    <link rel="stylesheet" href="/tp1/Public/Home/style/footer.css" type="text/css">

    <script type="text/javascript" src="/tp1/Public/Home/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/tp1/Public/Home/js/header.js"></script>
    <script type="text/javascript" src="/tp1/Public/Home/js/index.js"></script>
</head>
<body>
<!-- 顶部导航 start -->
<div class="topnav">
    <div class="topnav_bd w1210 bc">
        <div class="topnav_left">

        </div>
        <div class="topnav_right fr">
            <ul>
                <li id="logInfo"></li>
                <li class="line">|</li>
                <li><a href="<?php echo U('My/order');?>">我的订单</a></li>
                <li class="line">|</li>
                <li>客户服务</li>

            </ul>
        </div>
    </div>
</div>
<!-- 顶部导航 end -->

<div style="clear:both;"></div>

    
    <!-- 头部 start -->
<div class="header w1210 bc mt15">
    <!-- 头部上半部分 start 包括 logo、搜索、用户中心和购物车结算 -->
    <div class="logo w1210">
        <h1 class="fl"><a href="index.html"><img src="/tp1/Public/Home/images/logo.png" alt="京西商城"></a></h1>
        <!-- 头部搜索 start -->
        <div class="search fl">
            <div class="search_form">
                <div class="form_left fl"></div>
                <form action="" name="serarch" method="get" class="fl">
                    <input  id="key" type="text" class="txt" value="请输入关键字" />
                    <input  onclick="location.href='<?php echo U('Search/key_search','',FALSE);?>/key/'+$('#key').val();" type="button" class="btn" value="搜索" />
                </form>
                <div class="form_right fl"></div>
            </div>

            <div style="clear:both;"></div>

            <div class="hot_search">
                <strong>热门搜索:</strong>
                <a href="">D-Link无线路由</a>
                <a href="">休闲男鞋</a>
                <a href="">TCL空调</a>
                <a href="">耐克篮球鞋</a>
            </div>
        </div>
        <!-- 头部搜索 end -->

        <!-- 用户中心 start-->
        <div class="user fl">
            <dl>
                <dt>
                    <em></em>
                    <a href="">用户中心</a>
                    <b></b>
                </dt>
                <dd>
                    <div class="prompt">
                        您好，请<a href="">登录</a>
                    </div>
                    <div class="uclist mt10">
                        <ul class="list1 fl">
                            <li><a href="">用户信息></a></li>
                            <li><a href="">我的订单></a></li>
                            <li><a href="">收货地址></a></li>
                            <li><a href="">我的收藏></a></li>
                        </ul>

                        <ul class="fl">
                            <li><a href="">我的留言></a></li>
                            <li><a href="">我的红包></a></li>
                            <li><a href="">我的评论></a></li>
                            <li><a href="">资金管理></a></li>
                        </ul>

                    </div>
                    <div style="clear:both;"></div>
                    <div class="viewlist mt10">
                        <h3>最近浏览的商品：</h3>
                        <ul>
                            <li><a href=""><img src="/tp1/Public/Home/images/view_list1.jpg" alt="" /></a></li>
                            <li><a href=""><img src="/tp1/Public/Home/images/view_list2.jpg" alt="" /></a></li>
                            <li><a href=""><img src="/tp1/Public/Home/images/view_list3.jpg" alt="" /></a></li>
                        </ul>
                    </div>
                </dd>
            </dl>
        </div>
        <!-- 用户中心 end-->

        <!-- 购物车 start -->
        <div class="cart fl">
            <dl>
                <dt>
                    <a id="cart_list" href="<?php echo U('Cart/lst');?>">去购物车结算</a>
                    <b></b>
                </dt>
                <dd>
                    <div class="prompt" id="cart_lst">
                       <img src="/tp1/Public/Home/images/login.gif" alt="" />
                    </div>
                </dd>
            </dl>
        </div>
        <!-- 购物车 end -->
    </div>
    <!-- 头部上半部分 end -->

    <div style="clear:both;"></div>

    <!-- 导航条部分 start -->
    <div class="nav w1210 bc mt10">
        <!--  商品分类部分 start-->
        <div class="category fl  <?php if($cat1 == 0){echo 'cat1';} ?>"> <!-- 非首页，需要添加cat1类 -->
            <div class="cat_hd ">  <!-- 注意，首页在此div上只需要添加cat_hd类，非首页，默认收缩分类时添加上off类，鼠标滑过时展开菜单则将off类换成on类 -->
                <h2>全部商品分类</h2>
                <em></em>
            </div>

            <div class="cat_bd ">
                <?php foreach($catData as $k=>$v): ?>
                    <div class="cat <?php if($k==0){echo 'item1';} ?>">
                        <h3><a href="<?php echo U('search/cat_search?cat_id='.$v['id'],'',FALSE);?>"><?php echo $v['cat_name']; ?></a> <b></b></h3>
                        <div class="cat_detail">
                            <?php foreach($v['children'] as $k1=>$v1): ?>
                            <dl <?php  if($k1 == 0){echo 'class="dl_1st"';} ?>>
                                <dt><a href="<?php echo U('search/cat_search?cat_id='.$v1['id']),'',FALSE;?>"><?php echo $v1['cat_name']; ?></a></dt>
                                <dd>
                                    <?php foreach($v1['children'] as $k2=>$v2): ?>
                                    <a href="<?php echo U('search/cat_search?cat_id='.$v2['id']),'',FALSE;?>"><?php echo $v2['cat_name'] ?></a>
                                    <?php endforeach; ?>
                                </dd>
                            </dl>
                            <?php endforeach; ?>
                        </div>
                </div>
                <?php endforeach; ?>
            </div>
        </div>

        <!--  商品分类部分 end-->

        <div class="navitems fl">
            <ul class="fl">
                <li class="current"><a href="">首页</a></li>
                <li><a href="">电脑频道</a></li>
                <li><a href="">家用电器</a></li>
                <li><a href="">品牌大全</a></li>
                <li><a href="">团购</a></li>
                <li><a href="">积分商城</a></li>
                <li><a href="">夺宝奇兵</a></li>
            </ul>
            <div class="right_corner fl"></div>
        </div>
    </div>
    <!-- 导航条部分 end -->
</div>
<!-- 头部 end-->

<div style="clear:both;"></div>

<script>

    <?php $pic = C('IMAGE_CONFIG');?>
    var picView = "<?php echo $pic['viewPath'] ?>";

    //当鼠标放上的时候就可以执行ajax
    $("#cart_list").mouseover(function(){
        $.ajax({
            type:"GET",
            url:"<?php echo U('cart/ajaxCartLst');?>",                   //在这个方法 操作后台的public function cartLst()方法 渠道想要的数据即可
            dataType:"json",
            success:function(data){

                var html = "<table>";
                $(data).each(function(k,v){
                    html +="<tr>";
                    html +='<td><img style="width:40px;height:40px;" src="'+picView + v.goods_logo +'"></td>';
                    html +='<td>'+ v.goods_name +'</td>';
                    html +="</tr>";
                });
                     html +="<table/>";
                $("#cart_lst").html(html);
            }
        });
    });
</script>
    <?php echo session('level_id');?>
	<link rel="stylesheet" href="/tp1/Public/Home/style/goods.css" type="text/css">
	<link rel="stylesheet" href="/tp1/Public/Home/style/common.css" type="text/css">

	<!--引入jqzoom css -->
	<link rel="stylesheet" href="/tp1/Public/Home/style/jqzoom.css" type="text/css">

	<script type="text/javascript" src="/tp1/Public/Home/js/goods.js"></script>
	<script type="text/javascript" src="/tp1/Public/Home/js/jqzoom-core.js"></script>

	<!-- jqzoom 效果 -->
	<script type="text/javascript">
		$(function(){
			$('.jqzoom').jqzoom({
	            zoomType: 'standard',
	            lens:true,
	            preloadImages: false,
	            alwaysOn:false,
	            title:false,
	            zoomWidth:400,
	            zoomHeight:400
	        });
		})
	</script>

	<!-- 商品页面主体 start -->
	<div class="main w1210 mt10 bc">
		<!-- 面包屑导航 start -->
		<div class="breadcrumb">
                <h2>当前位置：<a href="/">首页</a> >
                    <?php if(is_array($catPath)): foreach($catPath as $key=>$v): ?><a href=""><?php echo ($v['cat_name']); ?></a> ><?php endforeach; endif; ?>
                   <?php echo ($info['goods_name']); ?></h2>
		</div>
		<!-- 面包屑导航 end -->

		<!-- 主体页面左侧内容 start -->
		<div class="goods_left fl">
			<!-- 相关分类 start -->
			<div class="related_cat leftbar mt10">
				<h2><strong>相关分类</strong></h2>
				<div class="leftbar_wrap">
					<ul>
						<li><a href="">笔记本</a></li>
						<li><a href="">超极本</a></li>
						<li><a href="">平板电脑</a></li>
					</ul>
				</div>
			</div>
			<!-- 相关分类 end -->

			<!-- 相关品牌 start -->
			<div class="related_cat	leftbar mt10">
				<h2><strong>同类品牌</strong></h2>
				<div class="leftbar_wrap">
					<ul>
						<li><a href="">D-Link</a></li>
						<li><a href="">戴尔</a></li>
						<li><a href="">惠普</a></li>
						<li><a href="">苹果</a></li>
						<li><a href="">华硕</a></li>
						<li><a href="">宏基</a></li>
						<li><a href="">神舟</a></li>
					</ul>
				</div>
			</div>
			<!-- 相关品牌 end -->

			<!-- 热销排行 start -->
			<div class="hotgoods leftbar mt10">
				<h2><strong>热销排行榜</strong></h2>
				<div class="leftbar_wrap">
					<ul>
						<li></li>
					</ul>
				</div>
			</div>
			<!-- 热销排行 end -->


			<!-- 浏览过该商品的人还浏览了  start 注：因为和list页面newgoods样式相同，故加入了该class -->
			<div class="related_view newgoods leftbar mt10">
				<h2><strong>浏览了该商品的用户还浏览了</strong></h2>
				<div class="leftbar_wrap">
					<ul>
						<li>
							<dl>
								<dt><a href=""><img src="/tp1/Public/Home/images/relate_view1.jpg" alt="" /></a></dt>
								<dd><a href="">ThinkPad E431(62771A7) 14英寸笔记本电脑 (i5-3230 4G 1TB 2G独显 蓝牙 win8)</a></dd>
								<dd><strong>￥5199.00</strong></dd>
							</dl>
						</li>

						<li>
							<dl>
								<dt><a href=""><img src="/tp1/Public/Home/images/relate_view2.jpg" alt="" /></a></dt>
								<dd><a href="">ThinkPad X230i(2306-3V9） 12.5英寸笔记本电脑 （i3-3120M 4GB 500GB 7200转 蓝牙 摄像头 Win8）</a></dd>
								<dd><strong>￥5199.00</strong></dd>
							</dl>
						</li>

						<li>
							<dl>
								<dt><a href=""><img src="/tp1/Public/Home/images/relate_view3.jpg" alt="" /></a></dt>
								<dd><a href="">T联想（Lenovo） Yoga13 II-Pro 13.3英寸超极本 （i5-4200U 4G 128G固态硬盘 摄像头 蓝牙 Win8）晧月银</a></dd>
								<dd><strong>￥7999.00</strong></dd>
							</dl>
						</li>

						<li>
							<dl>
								<dt><a href=""><img src="/tp1/Public/Home/images/relate_view4.jpg" alt="" /></a></dt>
								<dd><a href="">联想（Lenovo） Y510p 15.6英寸笔记本电脑（i5-4200M 4G 1T 2G独显 摄像头 DVD刻录 Win8）黑色</a></dd>
								<dd><strong>￥6199.00</strong></dd>
							</dl>
						</li>

						<li class="last">
							<dl>
								<dt><a href=""><img src="/tp1/Public/Home/images/relate_view5.jpg" alt="" /></a></dt>
								<dd><a href="">ThinkPad E530c(33662D0) 15.6英寸笔记本电脑 （i5-3210M 4G 500G NV610M 1G独显 摄像头 Win8）</a></dd>
								<dd><strong>￥4399.00</strong></dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
			<!-- 浏览过该商品的人还浏览了  end -->

			<!-- 最近浏览 start -->
			<div class="viewd leftbar mt10">
				<h2><a href="">清空</a><strong>最近浏览过的商品</strong></h2>
				<div class="leftbar_wrap"  id="display_History">

				</div>
			</div>
			<!-- 最近浏览 end -->

		</div>
		<!-- 主体页面左侧内容 end -->

		<!-- 商品信息内容 start -->
		<div class="goods_content fl mt10 ml10">
			<!-- 商品概要信息 start -->
			<div class="summary">
				<h3><strong><?php echo ($info['goods_name']); ?></strong></h3>

				<!-- 图片预览区域 start -->
				<div class="preview fl">
					<div class="midpic">
						<a href="<?php echo $viewPath.$info['mbig_logo'];?> " class="jqzoom" rel="gal1">   <!-- 第一幅图片的大图 class 和 rel属性不能更改 -->
                            <?php showImage($info['mbig_logo']);?>               <!-- 第一幅图片的中图 -->
						</a>
					</div>

					<!--使用说明：此处的预览图效果有三种类型的图片，大图，中图，和小图，取得图片之后，分配到模板的时候，把第一幅图片分配到 上面的midpic 中，其中大图分配到 a 标签的href属性，中图分配到 img 的src上。 下面的smallpic 则表示小图区域，格式固定，在 a 标签的 rel属性中，分别指定了中图（smallimage）和大图（largeimage），img标签则显示小图，按此格式循环生成即可，但在第一个li上，要加上cur类，同时在第一个li 的a标签中，添加类 zoomThumbActive  -->

					<div class="smallpic">
						<a href="javascript:;" id="backward" class="off"></a>
						<a href="javascript:;" id="forward" class="on"></a>
						<div class="smallpic_wrap">
							<ul>
                                <!--第一个是展示图片-->
								<li class="cur">
									<a class="zoomThumbActive" href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: '<?php echo $viewPath.$info['mid_logo'];?>',largeimage: '<?php  echo $viewPath.$info['big _logo'];?>'}"><?php showImage($info['sm_logo']);?></a>
								</li>
                                <!--之后的每个是小图 相册里的-->
                                <?php foreach($gpData as $v): ?>
                                    <li class="cur">
                                        <a href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: '<?php echo $viewPath.$v['mid_pic'];?>',largeimage: '<?php  echo $viewPath.$v['big _pic'];?>'}"><?php showImage($v['sm_pic']);?></a>
                                    </li>
                                    <li class="cur">
                                        <a href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: '<?php echo $viewPath.$v['mid_pic'];?>',largeimage: '<?php  echo $viewPath.$v['big _pic'];?>'}"><?php showImage($v['big_pic']);?></a>
                                    </li>
                                <?php endforeach;?>

							</ul>
						</div>

					</div>
				</div>
				<!-- 图片预览区域 end -->

				<!-- 商品基本信息区域 start -->
				<div class="goodsinfo fl ml10">
					<ul>
						<li><span>商品编号： </span>971344</li>
						<li class="market_price"><span>定价：</span><em>￥<?php echo ($info['market_price']); ?></em></li>
						<li class="shop_price"><span>本店价：</span> <strong>￥<?php echo ($info['shop_price']); ?></strong> <a href="">(降价通知)</a></li>
						<li><span>上架时间：</span><?php echo ($info['addtime']); ?></li>
						<li class="star"><span>商品评分：</span> <strong></strong><a href="">(已有21人评价)</a></li> <!-- 此处的星级切换css即可 默认为5星 star4 表示4星 star3 表示3星 star2表示2星 star1表示1星 -->
                       <li class="star"><span>会员价格：</span>
                            <p>
                                <table>
                                     <?php foreach($mpData as $v):?>
                                        <tr>
                                            <td><?php  echo $v['level_name'];?>：</td>
                                            <td><?php echo $v['price'];?></td>
                                        </tr>
                                     <?php endforeach;?>
                                </table>
                            </p>
                        </li>

						<li class="shop_price"><span>会员价格：</span> <strong id="member_price"> </strong></li>

					</ul>

					<!--g购买商品的表单-->
					<form action="<?php echo U('Cart/add');?>" method="post" class="choose">
						<input type="hidden" name="goods_id" value="<?php echo $info['id']?>">
						<ul>
                            <?php foreach($radioAttr as $k=>$v):?>

							<li class="product">
								<dl>
									<dt><?php echo $k;?></dt>
									<dd>
                                        <?php foreach($v as $k2=>$v2):?>
										<a <?php if($k2== '0'){echo 'class="selected"';}?> href="javascript:;"><?php echo $v2['attr_value'];?>
                                         <input type="radio" name="goods_attr_id[<?php echo $v2['attr_id']; ?>]" value="<?php echo $v2['id'];?>" <?php if($k2== '0'){echo 'checked="checked"';};?>/>
                                        </a>
                                        <?php endforeach;?>
									</dd>
								</dl>
							</li>
                            <?php endforeach;?>
							<li>
								<dl>
									<dt>购买数量：</dt>
									<dd>
										<a href="javascript:;" id="reduce_num"></a>
										<input type="text" name="goods_number" value="1" class="amount"/>
										<a href="javascript:;" id="add_num"></a>
									</dd>
								</dl>
							</li>

							<li>
								<dl>
									<dt>&nbsp;</dt>
									<dd>
										<input type="submit" value="" class="add_btn" />
									</dd>
								</dl>
							</li>

						</ul>
					</form>
				</div>
				<!-- 商品基本信息区域 end -->
			</div>
			<!-- 商品概要信息 end -->

			<div style="clear:both;"></div>

			<!-- 商品详情 start -->
			<div class="detail">
				<div class="detail_hd">
					<ul>
						<li class="first"><span>商品介绍</span></li>
						<li class="on"><span>商品评价</span></li>
						<li><span>售后保障</span></li>
					</ul>
				</div>
				<div class="detail_bd">
					<!-- 商品介绍 start -->
					<div class="introduce detail_div none">
						<div class="attr mt15">
							<ul>
                                <?php if(is_array($checkboxAttr)): foreach($checkboxAttr as $key=>$v2): ?><li><span><?php echo ($v2['attr_name']); ?></span><?php echo ($v2['attr_value']); ?></li><?php endforeach; endif; ?>
							</ul>
						</div>

						<div class="desc mt10">
							<!-- 此处的内容 一般是通过在线编辑器添加保存到数据库，然后直接从数据库中读出 -->
					        <?php echo ($info['goods_desc']); ?>
						</div>
					</div>
					<!-- 商品介绍 end -->

					<!-- 商品评论 start -->
					<div class="comment detail_div mt10">
						<div class="comment_summary">
							<div class="rate fl">
								<strong><em class="hao"></em>%</strong> <br />
								<span>好评度</span>
							</div>
							<div class="percent fl">
								<dl>
									<dt>好评（<span class="hao"></span>%）</dt>
									<dd><div id="hao_width"></div></dd>
								</dl>
								<dl>
									<dt>中评（<span class="zhong"></span>%）</dt>
									<dd><div id="zhong_width"></div></dd>
								</dl>
								<dl>
									<dt>差评（<span class="cha"></span>%）</dt>
									<dd><div id="cha_width"></div></dd>
								</dl>
							</div>
							<div class="buyer fl">
								<dl>
									<dt>买家印象：</dt>
									<dd><span>屏幕大</span><em>(1953)</em></dd>
									<dd><span>外观漂亮</span><em>(786)</em></dd>
									<dd><span>系统流畅</span><em>(1091)</em></dd>
									<dd><span>功能齐全</span><em>(1109)</em></dd>
									<dd><span>反应快</span><em>(659)</em></dd>
									<dd><span>分辨率高</span><em>(824)</em></dd>
								</dl>
							</div>
						</div>

                        <!--分页内容-->
						<div id="comment"></div>

						<!-- 分页 start -->
						<div class="page mt20" id="pages">
						</div>
						<!-- 分页信息 end -->

						<!--  评论表单 start-->
						<div class="comment_form mt20">
							<form id="comment_form">
								<input type="hidden" name="goods_id" value="<?php echo $info['id'];?>">
								<ul>
									<li>
										<label for=""> 评分：</label>
										<input type="radio" name="star" value="5" checked="checked"/> <strong class="star star5"></strong>
										<input type="radio" name="star" value="4"/> <strong class="star star4"></strong>
										<input type="radio" name="star" value="3"/> <strong class="star star3"></strong>
										<input type="radio" name="star" value="2"/> <strong class="star star2"></strong>
										<input type="radio" name="star" value="1"/> <strong class="star star1"></strong>
									</li>

									<li>
                                    <label for="">评价内容：</label>
                                    <textarea name="content" id="" cols="" rows=""></textarea>
                                </li>
                                    <li>
                                        <label for="">买家印象：</label>
                                        <input type="text"  name="yx_name" size="60"/> &nbsp;多个印象用逗号隔开！
                                    </li>
									<li>
										<label for="">&nbsp;</label>
										<input type="button" value="提交评论"  class="comment_btn"/>
									</li>
								</ul>
							</form>
						</div>
						<!--  评论表单 end-->

					</div>
					<!-- 商品评论 end -->

					<!-- 售后保障 start -->
					<div class="after_sale mt15 none detail_div">
						<div>
							<p>本产品全国联保，享受三包服务，质保期为：一年质保 <br />如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在质保期内享受免费保修等三包服务！</p>
							<p>售后服务电话：800-898-9006 <br />品牌官方网站：http://www.lenovo.com.cn/</p>

						</div>

						<div>
							<h3>服务承诺：</h3>
							<p>本商城向您保证所售商品均为正品行货，京东自营商品自带机打发票，与商品一起寄送。凭质保证书及京东商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由本商城联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。本商城还为您提供具有竞争力的商品价格和运费政策，请您放心购买！</p>

							<p>注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！</p>

						</div>

						<div>
							<h3>权利声明：</h3>
							<p>本商城上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东商城重要的经营资源，未经许可，禁止非法转载使用。</p>
							<p>注：本站商品信息均来自于厂商，其真实性、准确性和合法性由信息拥有者（厂商）负责。本站不提供任何保证，并不承担任何法律责任。</p>

						</div>
					</div>
					<!-- 售后保障 end -->
				</div>
			</div>
			<!-- 商品详情 end -->
		</div>
		<!-- 商品信息内容 end -->
	</div>
	<!-- 商品页面主体 end -->
</div>



<!--//js拼字符串不能有换行-->

    <script>
//        jquery中使用PHP代码 找到之前的路径函数 赋值给一个变量 再把这个变量赋值给jquery的变量 这样 在jquery中就能使用这个路径
//        <?php $config = C('IMAGE_CONFIG'); ?>
//        var  viewPath = '<?php echo $config['viewPath'] ?>';
			var  viewPath = '<?php echo $viewPath; ?>';
        $.ajax({
            type:"get",
            url:"<?php echo U('index/displayHistory?id='.$info['id'])?>",
            dataType:"json",
            success:function(data){

                //循环输出浏览信息 先定义一个字符串 然后依次放到html中
                var html = "";
                $(data).each(function(k,v){
                    html +='<dl><dt><a href="<?php echo U('goods','',FALSE); ?>/id/'+v.id+'"><img src="'+viewPath+v.mid_logo+'" alt="" /></a></dt> <dd><a href="<?php echo U('goods','',FALSE)?>/id/'+v.id+'">'+v.goods_name+'</a></dd> </dl>';
                });
                // 做好之后放到页面
                $('#display_History').html(html);
            }
        });

$.ajax({
    type:"GET",
    url:"<?php echo U('ajaxGetMemberPrice?goods_id='.$info['id']);?>",
    success:function(data){
        $('#member_price').html("¥"+data+"元");
    }
});


/*********************接收表单信息 添加评论信息到数据库***********************/
		$(".comment_btn").click(function(){
			//先接受表单的数据 要求格式如下字符串： name=tom&age=17&...&...多个表单信息要以&符号隔开
			// js自带接收表单并且转换成如上格式 serialize(); 先选中表单 再调用这个函数
			var form = $("#comment_form");
			var formData = form.serialize();

			$.ajax({
				type:"post",
				url:"<?php echo U('comment/add');?>",
				data:formData,                       //这里放的是表单中的数据  如果哟啊以post提交 就必须要有个data把表单的数据放进来
				dataType:"json",
				success:function(data){
					if(data.status == 0){
                        if(data.info === '必须先登录！'){
                            //显示对话框
                            $( "#login_dialog" ).dialog( "open" );

                        }else{
                            alert(data.info);
                        }
					}else{
						form.trigger("reset");
						//拼出发表成功后的字符串
						var html = '<div class="comment_items mt10"><div class="user_pic"><dl><dt><a href=""><img src="'+data.info.face+'" alt="" /></a></dt><dd><a href="">'+data.info.username+'</a></dd></dl></div><div class="item"><div class="title"><span>'+data.info.addtime+'</span><strong class="star star'+date.info.star+'"></strong></div><div class="comment_content">'+data.info.content+'</div><div class="btns"><a onclick="do_reply(this,'+data.info.id+')" href="javascript:void(0)" class="reply">回复(0)</a> <a href="" class="useful">有用(0)</a></div><div></div></div><div class="cornor"></div></div>';
                        $('#comment').prepend(html);
                        html=$(html);
                        //让滚动条 自动滚到第一条评论位置
                        //animate格式页面要做一个动画
                        $("body").animate({
                            "serollTop":"750px"
                        },1000,function(){
                            html.fadeIn(2000);
                        });
                    }
				}
			});
		});

	/******************ajax获取某一页的评论信息*******************/
        var is_login=0;
		function getAjaxPl(page){
		$.ajax({
			type:"get",
			url:"<?php echo U('Comment/getAjaxPl?goods_id='.$info['id'],'',FALSE); ?>/p/"+page,
			dataType:"json",
			success:function(data){
                is_login = data.memberId;
                if(page == 1){
                    //放好频率
                    //把好频率放到这个元素里
                    $(".hao").html(data.hao);
                    $(".zhong").html(data.zhong);
                    $(".cha").html(data.cha);
                    //在用js设置元素的样式 以图形的方式显示好频率
                    $("#hao_width").css("width",data.hao+"px");
                    $("#zhong_width").css("width",data.zhong+"px");
                    $("#cha_width").css("width",data.cha+"px");

                }
				//循环输出每个评论  拼出html字符串 放在页面里就可以了
				var html="";
				$(data.data).each(function(k,v){

					html += '<div class="comment_items mt10"><div class="user_pic"><dl><dt><a href=""><img src="'+v.face+'" alt="" /></a></dt><dd><a href="">'+v.username+'</a></dd></dl></div><div class="item"><div class="title"><span>'+v.addtime+'</span><strong class="star star'+v.star+'"></strong></div><div class="comment_content">'+v.content+'</div><div class="btns"><a href="javascript:void(0);" onclick="do_reply(this,'+ v.id+')" class="reply">回复('+ v.reply_count+')</a> <a href="" class="useful">有用('+ v.click_count+')</a></div><div class="reply_form"></div></div><div class="cornor"></div></div>';
				});
                // 做好之后放到页面 新的要覆盖之前的
				$('#comment').html(html);
				//设置分页 并调用函数
				var pageString="";
				for(var i=1;i<=data.pageCount;i++){
					if(page == i)
							var cls='class="cur"';
					else
							var cls='';

					pageString +='<a '+cls+' onclick="getAjaxPl('+i+')"  href="javascript:void(0);">'+i+'</a>';
				}              //循环这个总页数 取消这个a标签的跳转动作 再添加一个触发事件 当点击“i”页的时候触发这个函数跳转到i页去
				/********* 把拼好的翻页放到页面里 **********/
				$("#pages").html(pageString);
			}
		});
	}
/*********************封装好之后 调用这个函数********************/
//		getAjaxPl(1);

        /********************** 评论回复 按钮点击构造一个form表单************************/
        //第一个当前点的哪一个按钮 在之前添加时间的时候传了一个this 所以这里就可以直接用点击的那个按钮的元素进来
        function do_relpy(but,commentId){

            var div = $(but).parent().next("div");
            var replyForm = ' <hr/><form><textarea name="content" rows="6" cols="70"></textarea><br/><input type="hidden" name="comment_id" value="'+commentId+'" /><input type="button"  onclick="post_reply(this)" value="回复" /><input onclick="close_reply(this);" type="button" value="取消" /></form>';
            //放在这个form的后面  注意parent是直接找到当前被选元素的父类元素
//            div.after(replyForm);  //把form表单放到div的后面
            div.html(replyForm);

            //如果这个全局变量小于等于0  就表示还没登录 就弹出登录框
            if(is_login <= 0){
                $( "#login_dialog" ).dialog( "open" );
            }
        }
/*************************取消按钮 删除评论回复框*********************************/
        function close_reply(btn){
    //获得这个按钮的上一级（form）的上一级（div） 因为这个form是放在div里面的  之前有定义过一个单独的div
        var div=$(btn).parent().parent();
        div.html('');
        }

        /*********************************** 提交回复内容 **************************************/


    </script>

    <link href="/tp1/Public/jquery-ui-1.9.2.custom/css/base/jquery-ui-1.9.2.custom.css" rel="stylesheet">
    <script src="/tp1/Public/jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.js"></script>
    <div id="login_dialog" class="none" title="登录商城">
        <!--ajax登录不需要action=“post” method="地址"-->
        <form id="login_form" >
            <ul>
                <li>
                    <label for="">用户名：</label>
                    <input type="text" class="txt" name="username" />
                </li>
                <li>
                    <label for="">密&nbsp;&nbsp;&nbsp;&nbsp;码：</label>
                    <input type="password" class="txt" name="password" />
                    <a href="">忘记密码?</a>
                </li>
                <li class="checkcode">
                    <label for="">验证码：</label>
                    <input type="text"  name="chkcode" />
                    <img style="cursor: pointer" onclick="this.src='<?php echo U('Member/chkcode');?>#'+Math.random();" src="<?php echo U('Member/chkcode'); ?>">
                </li>
                <li>
                    <label for="">&nbsp;</label>
                    <input type="checkbox" class="chb"  /> 保存登录信息
                </li>
                <li>
                    <label for="">&nbsp;</label>
                </li>
            </ul>
        </form>
    </div>  <!--默认应该是隐藏起来需要的时候弹出-->

    <script>
        //配置对话框
        $( "#login_dialog" ).dialog({
            modal:true,
            resizable:false,
            autoOpen: false,
            width: 400,
            buttons: [
                {
                    text: "登录",
                    click: function() {
                        //ajax 发送表单信息到控制器
                        $.ajax({
                            type:"post",
                            url:"<?php echo U('Member/login');?>",
                            data:$("#login_form").serialize(),
                            dataType:"json",
                            success:function(data){
                                if(data.status == 1){
                                    is_login = 1;
                                    //当登录成功就把这个dailog销毁 关闭
                                    // 这里不能写$this.dialog("close") 因为这里是代表ajax的 要选择当前的div弹框关闭
                                    $( "#login_dialog").dialog( "close" );
                                }else{
                                    alert(data.info);
                                }
                            }
                        });

                    }
                },
                {
                    text: "Cancel",
                    click: function() {
                        $( this ).dialog( "close" );
                    }
                }
            ]
        });
    </script>

<!-- 底部导航 end -->

<div style="clear:both;"></div>
<!-- 底部版权 start -->
<div class="footer w1210 bc mt10">
    <p class="links">
        <a href="">关于我们</a> |
        <a href="">联系我们</a>
        <a href="">人才招聘</a>
        <a href="">商家入驻</a>
        <a href="">千寻网</a>
        <a href="">奢侈品网</a>
        <a href="">广告服务</a>
        <a href="">移动终端</a>
        <a href="">友情链接</a>
        <a href="">销售联盟</a>
        <a href="">京西论坛</a>
    </p>
    <p class="copyright">
        © 2005-2013 京东网上商城 版权所有，并保留所有权利。  ICP备案证书号:京ICP证070359号
    </p>
    <p class="auth">
        <a href=""><img src="/tp1/Public/Home/images/xin.png" alt="" /></a>
        <a href=""><img src="/tp1/Public/Home/images/kexin.jpg" alt="" /></a>
        <a href=""><img src="/tp1/Public/Home/images/police.jpg" alt="" /></a>
        <a href=""><img src="/tp1/Public/Home/images/beian.gif" alt="" /></a>
    </p>
</div>
<!-- 底部版权 end -->

</body>
</html>

<script>
    // 判断登录状态
    $.ajax({
        type : "GET",
        url : "<?php echo U('Member/ajaxChkLogin'); ?>",
        dataType : "json",
        success : function(data)
        {
            if(data.login == 1)
                var li = '您好，'+data.username+' [<a href="<?php echo U('Member/logout'); ?>">退出</a>]';
            else
            var li = '您好，欢迎来到京西！[<a href="<?php echo U('Member/login'); ?>">登录</a>] [<a href="<?php echo U('Member/regist'); ?>">免费注册</a>]'
            $("#logInfo").html(li);
        }
    });
</script>